<!DOCTYPE html>
<html lang="zh-CH">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黑马面面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <script src="./js/flexible.js"></script>

</head>
<style></style>

<body>
    
    <div class="warp">
        <header class="header">黑马面面</header>
        <nav class="nav">
            <a href="#">
                <img src="./image/ti1.png" alt="">
                <span>HR面试</span>
            </a>
            <a href="#">
                <img src="./image/ti1.png" alt="">
                <span>笔试</span>
            </a>
            <a href="#">
                <img src="./image/ti1.png" alt="">
                <span>技术面试</span>
            </a>
            <a href="#">
                <img src="./image/ti1.png" alt="">
                <span>模拟面试</span>
            </a>
            <a href="#">
                <img src="./image/ti1.png" alt="">
                <span>面试技巧</span>
            </a>
            <a href="#">
                <img src="./image/ti1.png" alt="">
                <span>薪资查询</span>
            </a>
        </nav>
        <section class="go">
            <img src="./image/travel_map_bg.png" alt="">
        </section>
    </div>
    <!-- 就业指导模块 -->
     <section class="content">
        <div class="con-hd">
            <h4><span class="icon"><img src="./image/logo-mi2.png" alt=""></span><span class="cont">就业指导</span></h4>
            <a href="#" class="more">更多>>  </a>
        </div>
        <div class="get_job_focus">
           <!-- Swiper -->
  <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="./image/swiper1.jpg" alt="">
        
      </div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
      <div class="swiper-slide">Slide 4</div>
      <div class="swiper-slide">Slide 5</div>
      <div class="swiper-slide">Slide 6</div>
      <div class="swiper-slide">Slide 7</div>
      <div class="swiper-slide">Slide 8</div>
      <div class="swiper-slide">Slide 9</div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-pagination"></div>
  </div>
    <!-- Add Pagination -->
  </div>
  <footer class="footer">
    <a href="">
        <img src="./image/logo-mi2.png" alt="">
        <span>首页</span>
    </a>
    <a href="">
        <img src="./image/logo-mi2.png" alt="">
        <span>首页</span>
    </a>
    <a href="">
        <img src="./image/logo-mi2.png" alt="">
        <span>首页</span>
    </a>
    <a href="">
        <img src="./image/logo-mi2.png" alt="">
        <span>首页</span>
    </a>
  </footer>
     </section>
     <script src="./js/swiper.min.js"></script>
    <script>
        (function(){
            var swiper = new Swiper(".mySwiper", {
      slidesPerView: 3,
      spaceBetween: 30,
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
       navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });
        })()
    </script>
</body>
</html>